<template>
  <ElRow v-bind="widget.elProps" :class="[designer.design ? 'grid-container' : '']">
    <RenderWidget :designer="designer" :widget="widget" :form-model="formModel"></RenderWidget>
  </ElRow>
</template>
<script setup lang="ts" name="RowWidget">
import { ElRow } from "element-plus";
import RenderWidget from "../../Layout/RenderWidget.vue";
defineProps({
  designer: {
    type: Object
  },
  widget: {
    type: Object
  },
  formModel: {
    type: Object
  }
});
</script>
<style lang="scss" scoped>
.grid-container {
  padding: 10px;
  outline: 1px dashed #66c0b8;
  min-height: 80px;
}
</style>
